import 'package:flutter/material.dart';

class ScoreQuery extends StatefulWidget {
  @override
  State<ScoreQuery> createState() => _ScoreQueryState();
}

class _ScoreQueryState extends State<ScoreQuery> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('成绩查询'),
        centerTitle: true,
        elevation: 0,
      ),
      body: Container(
        padding: EdgeInsets.symmetric(horizontal: 30),
        margin: EdgeInsets.only(top: 50),
        height: 250,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Container(
              child: Image.asset(
                'images/home/score.png',
                width: 100,
                height: 110,
              ),
            ),
            Container(
              child: Text(
                '2020行者旭辉 线上公益徒步行走',
                style: TextStyle(fontWeight: FontWeight.bold),
              ),
            ),
            Row(
              children: [
                Expanded(
                  child: Container(
                    padding: EdgeInsets.only(left: 10),
                    height: 40,
                    decoration: BoxDecoration(
                        border:
                            Border.all(color: Color.fromRGBO(221, 221, 221, 1)),
                        borderRadius: BorderRadius.circular(5)),
                    child: TextField(
                      decoration: InputDecoration(
                          border: InputBorder.none,
                          isDense: true,
                          hintText: '请输入号码簿或证件号',
                          hintStyle: TextStyle(fontSize: 13)),
                    ),
                  ),
                ),
                Container(
                  width: 80,
                  height: 40,
                  alignment: Alignment.center,
                  decoration: BoxDecoration(
                      color: Color.fromRGBO(191, 55, 54, 1),
                      borderRadius: BorderRadius.only(
                          topRight: Radius.circular(5),
                          bottomRight: Radius.circular(5))),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Container(
                        child: Icon(
                          Icons.search,
                          size: 20,
                          color: Colors.white,
                        ),
                      ),
                      Container(
                        child: Text(
                          '搜索',
                          style: TextStyle(color: Colors.white),
                        ),
                      )
                    ],
                  ),
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}
